<template>
  <div>
    <div>
     <router-link class="tab" to="/main">首页</router-link>
     <router-link class="tab" to="/news">新闻</router-link>
     <router-link class="tab" to="/sport">体育</router-link>
    </div>
    <p>切换页面</p>
    <div>
      <router-view></router-view>
    </div>
   </div>
</template>
 
<script>
export default {
  name: "",
  components: {},
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped>
    .tab {
      margin-right: 5px;
    } 
</style>